// @import '~antd/es/style/variable.less';
// @import '~antd/dist/antd.dark.less';

html,
body,
#root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

.ant-layout-sider {
  // background: linear-gradient(180deg, #252b31 0%, #252b31 0%, #425365 100%, #425365 100%) !important
  background: #252b31 !important;
  color: #fff;
}

.ant-layout-header {
  background: #252b31 !important;
  color: #fff;
}

.ant-pro-menu-item,
.anticon {
  color: #fff !important;
}

.ant-menu-item-selected {
  background: #1f2227 !important;
  position: relative;

  // &::after {
  //   content: '';
  //   display: block;
  //   width: 4px;
  //   height: 100%;
  //   background: #0081FF;
  //   position: absolute;
  //   top: 0;
  //   left: 0;
  // }
}

.ant-pro-global-header-logo {
  h1 {
    color: #fff !important;
  }
}

.ant-layout-content {
  margin: 0 !important;
  padding: 20px;
  background: #1f2227 !important;
}

div {
  color: #fff;
}

.fc a {
  color: #fff;
  font-weight: bold;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid rgba(130, 145, 169, .25);
}

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid rgba(130, 145, 169, .25);
}

.fc-theme-standard .fc-popover {
  background: #8291A9;
}

.fc-toolbar-title {
  color: #fff;
}

@component-background: #252b31;
@popover-background: #252b31;

@black: #252b31;

.ant-pro-card {
  background-color: #252b31;
}

.ant-pro-table .ant-pro-table-search {
  background: transparent;
}

.ant-input-affix-wrapper,
.ant-select-selector,
.ant-menu-overflow,
.ant-select {
  background: #252b31 !important;
  color: #fff;
}

.ant-pro-table-list-toolbar-title {
  color: #fff;
}

.ant-table-thead>tr>th {
  background: transparent;
}

.ant-pro-table .ant-pro-table-search {
  padding: 0;
}

.ant-menu-submenu-arrow {
  color: #fff !important;
}

.ant-tree {
  background: #1f1f1f;
}

.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: cornflowerblue;
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: cornflowerblue !important;
}

.ant-pro-global-header-logo {
  img {
    height: 16px !important;
  }
}

.ant-pro-top-nav-header-logo {
  img {
    height: 20px !important;
  }

  h1 {
    display: none !important;
  }
}

.ant-layout-content {
  margin-top: 0 !important;
}

.ant-pro-page-container {
  // margin: 0 -24px 0 -24px !important;
}

.ant-drawer {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fc-daygrid {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fc-scroller {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ant-btn {
  // background: transparent !important;
}

.ant-layout-content {
  padding: 0 !important;
}

.ant-pro-global-header-logo {
  h1 {
    display: none !important;
  }
}

.g2-tooltip-title {
  color: #333;
}

.ant-layout {
  min-height: 100vh !important;
}

.ant-pro-sider.ant-pro-sider-fixed-mix {
  padding-top: 56px;
  height: 100% !important;
}

.ant-pro-sider-collapsed-button {
  top: 13px;
  right: -18px;
}

.ant-pro-layout-header-fixed-header {
  left: 0;
}

.ant-pro-global-header {
  margin-left: 16px;
}

.ant-menu-item {
  padding: 0 16px;
}

.ant-pro-page-container-children-container {
  padding: 24px 40px;
}

.ant-pro-page-container-warp-page-header {
  padding: 8px 12px 40px;
}

.ant-pro-card-body {
  padding: 24px 40px;
}

.ant-pro-table-list-toolbar-container {
  padding: 16px 0;
}

.ant-select-arrow,
.ant-picker-clear {
  right: 11px;
}

.oddRow {
  background: #062142;
}

.evenRow {
  background: #0a4670;
}